/*!
 * Bootstrap Responsive v2.0.0
 *
 * Copyright 2012 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world @twitter by @mdo and @fat.
 *
 * Heavy customization by Nodestar.eu
 */
 /*
.hidden {
    display: none;
    visibility: hidden;
}*/

/*body.enabledebug .row-fluid.debug div {
    background-color: blue;
    height: 20px;
}*/

@media (max-width: 480px) {
    .nav-collapse { -webkit-transform: translate3d(0, 0, 0); }

    .page-header h1 small {
        display: block;
        line-height: 18px;
    }

    input[class*="span"], select[class*="span"], textarea[class*="span"], .uneditable-input {
        display: block;
        width: 100%;
        height: 28px;
        /* Make inputs at least the height of their button counterpart */  
        /* Makes inputs behave like true block-level elements */  
        -webkit-box-sizing: border-box;
        /* Older Webkit */  
        -moz-box-sizing: border-box;
        /* Older FF */  
        -ms-box-sizing: border-box;
        /* IE8 */  
        box-sizing: border-box;
        /* CSS3 spec*/  
    }

    .input-prepend input[class*="span"], .input-append input[class*="span"] { width: auto; }

    input[type="checkbox"], input[type="radio"] { border: 1px solid #ccc; }

    .form-horizontal .control-group > label {
        float: none;
        width: auto;
        padding-top: 0;
        text-align: left;
    }

    .form-horizontal .controls { margin-left: 0; }

    .form-horizontal .control-list { padding-top: 0; }

    .form-horizontal .form-actions {
        padding-left: 10px;
        padding-right: 10px;
    }

    .modal {
        position: absolute;
        top: 10px;
        left: 10px;
        right: 10px;
        width: auto;
        margin: 0;
    }

    .modal.fade.in { top: auto; }

    .modal-header .close {
        padding: 10px;
        margin: -10px;
    }

    .carousel-caption { position: static; }
}


    /*Might need this?*/

@media (max-width: 768px) { /*.container {
    width: auto;
    padding: 0 20px;
  }
  .row-fluid {
    width: 100%;
  }
  .row {
    margin-left: 0;
  }
  .row > [class*="span"], .row-fluid > [class*="span"] {
    float: none;
    display: block;
    width: auto;
    margin: 0;
  }*/
}

@media (min-width: 768px) and (max-width: 980px) {
    .row { margin-left: -20px; /*zoom: 1;*/ }

    .row:before, .row:after {
        display: table;
        content: "";
    }

    .row:after { clear: both; }
}


    /*five products*/

@media (min-width: 1037px) and (max-width: 1246px) {
    .row-fluid { max-width: 999px !important; }

    body.enabledebug .row-fluid { background-color: #e0f1e7 !important; }

    #product-chooser ul, #big-brand-list ul {
        list-style: none;
        padding: 0px;
        margin: 0 20px 0 0 !important;
        width: 142px !important;
    }
    
    header .box-launchers-container { width: 40.404255317% !important; margin-left: -2% !important; }
}

    /*four products*/

@media (max-width: 1036px) {
    .row-fluid { max-width: 794px !important; }

    body.enabledebug .row-fluid { background-color: #81c89b !important; }

    header nav { float: left; }

    body.enabledebug .row-fluid.debug div {
        background-color: brown;
        height: 20px;
    }

    body { padding-top: 0; }

    .navbar-fixed-top {
        position: static;
        margin-bottom: 18px;
    }

    .navbar-fixed-top .navbar-inner { padding: 5px; }

    .navbar .container {
        width: auto;
        padding: 0;
    }

    .navbar .brand {
        padding-left: 10px;
        padding-right: 10px;
        margin: 0 0 0 -5px;
    }

    .navbar .nav-collapse { clear: left; }

    .navbar .nav {
        float: none;
        margin: 0 0 9px;
    }

    .navbar .nav > li { float: none; }

    .navbar .nav > li > a { margin-bottom: 2px; }

    .navbar .nav > .divider-vertical { display: none; }

    .navbar .nav > li > a, .navbar .dropdown-menu a {
        padding: 6px 15px;
        font-weight: bold;
        color: #999999;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }

    .navbar .dropdown-menu li + li a { margin-bottom: 2px; }

    .navbar .nav > li > a:hover, .navbar .dropdown-menu a:hover { /*background-color: #222222;*/ }

    .navbar .dropdown-menu {
        position: static;
        top: auto;
        left: auto;
        float: none;
        display: block;
        max-width: none;
        margin: 0 15px;
        padding: 0;
        background-color: transparent;
        border: none;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

    .navbar .dropdown-menu:before, .navbar .dropdown-menu:after { display: none; }

    .navbar .dropdown-menu .divider { display: none; }

    .navbar-form, .navbar-search {
        float: none;
        padding: 9px 15px;
        margin: 9px 0;
        border-top: 1px solid #222222;
        border-bottom: 1px solid #222222;
        -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
        -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
    }

    .navbar .nav.pull-right {
        float: none;
        margin-left: 0;
    }

    .navbar-static .navbar-inner {
        padding-left: 10px;
        padding-right: 10px;
    }

    .btn-navbar-container { display: block; }

    .btn-navbar { display: block; }

    .nav-collapse {
        overflow: hidden;
        height: 0;
    }

    header { height: auto; }

    header .box-launchers-container { /*clear: both;*/width: 40.446808505% !important; /*Is span3 render as span7*/ }

    header .btn-navbar-container { padding-top: 20px; }

    header .btn-navbar-container .btn-navbar { margin-right: 0; }

    header .navigation-container { width: 23.404255317% !important; /*Is span7 render as span3*/ }

    header .nav-collapse {
        width: 100% !important;
        clear: both;
        margin-left: 0 !important;
    }
    
    /*header .nav-collapse nav, header .nav-collapse nav ul {
    width: 100% !important;
    }
    
    header .nav-collapse nav ul li {
    width: 23% !important;
    }*/

    /*#logo { margin-top: 21px; }

    #logo a { font-size: 22px !important; }*/

}

@media (min-width: 1036px)
{
	.row-fluid { max-width: 999px !important; }
	.nav-collapse.collapse { height: auto !important; } 
	header .box-launchers-container {width: 40.446808505% !important;}
}

    /*three products*/

@media (max-width: 834px) {
    .row-fluid, .pagination-centered ul { max-width: 589px !important; }

    .row-fluid { width: 100%; }

    .row { margin-left: 0; }

    .row > [class*="span"], .row-fluid > [class*="span"] {
        float: none;
        display: block;
        width: auto;
        margin: 0 !important;
    }
    
    div#header-inner .row-fluid > [class*="span"]:first-child {
        margin-left: 0;
    }
    div#header-inner .row-fluid .span2 {
        width: 19.89361702%;
    }
    div#header-inner .row-fluid .span3 {
        width: 18.404255317%;
    }
    div#header-inner .box-launchers-container {
        width: 61% !important;
    }
    div#header-inner .row-fluid > [class*="span"] {
        float: left;
        margin-left: 2.127659574%;
    }

    body.enabledebug .row-fluid { background-color: #4cb273 !important; }

    header .box-launchers-container li:first-child { padding-left: 26px !important; }

    .product-single-meta .price {
        display: block;
    }

        div#footer-column-support {
        width: 31%;
        float: left;
    }
    div#footer-column-products {
        width: 31%;
        float: left;
        padding-left: 3.5%;
    }
    div#footer-column-connect {
        width: 31%;
        float: left;
        padding-left: 3.5%;
    }
    div#footer-column-about {
        width: 31%;
        padding-left: 69%;
    }
}


    /*two products*/

@media (max-width: 628px) {
    
    div#header-inner .row-fluid { width: 100% !important; }

    div#header-inner .row { margin-left: 0; }

    div#header-inner .row > [class*="span"], .row-fluid > [class*="span"] {
        float: none !important;
        display: block !important;
        width: auto !important;
        margin: 0 !important;
    }
    
    div#header-inner li.line-right {
        border-right: 0px solid #C2C2C2;
    }
    
    div#header-inner .search-container {
        margin-right: 0 !important;
    }
    
    #feature {
        display: none;
    }
    
    .row-fluid, .pagination-centered ul { max-width: 384px !important; }

    body.enabledebug .row-fluid { background-color: #209e50 !important; }

    #li_container1 ul { height: auto !important; }

    header nav#box-launchers ul, header nav#box-launchers ul li, header nav#box-launchers ul li a, #header-inner .nav-collapse nav ul li, #header-inner .nav-collapse nav ul li a {
        padding-left: 0 !important;
        margin-left: 0 !important;
    }
    /*header nav#box-launchers ul li {
        clear: both;
    }*/

    #logo {
        height: 21px;
        margin: 7px 0 5px 0;
    }

    #header-inner .nav-collapse nav { float: left; }

    #header-inner .nav-collapse nav ul li {
        clear: both !important;
        display: block !important;
        padding-bottom: 10px;
    }
    
    .checkout-cart td { white-space: normal; }
    .checkout-cart thead tr th:first-child { display: none; }
    .checkout-cart tbody tr td:first-child { display: none; }
    .checkout-cart tfoot tr td:last-child { display: none; }

    #logo { display: none;}
    #logo-mobile {
         display: block !important; 
         font-size: 4em;
         float: left;
         width: 150px;
         margin: 16px 0 10px 0;
    }
    
    div#footer-column-support {
        width: 48% !important;
        float: left !important;
    }
    div#footer-column-products {
        width: 48% !important;
        float: right !important;
    }
    div#footer-column-connect {
        clear: left !important;
        width: 48% !important;
        float: left !important;
        padding-left: 0 !important;
    }
    div#footer-column-about {
        width: 48% !important;
        float: right !important;
        padding-left: 0 !important;
    }
	.thumbnails > li {
	float: left;
	margin: 0 0 18px 18px;
	}

}

    /*Mobile two products side by side*/

@media (max-width: 424px) {

    .thumbnails {
        list-style: none;
        margin-left: 0;
    }

    .products .span2 {
        margin-bottom: 26px;
        width: 43% !important;
        padding: 0;
        margin: 0 0 26px 0;
    }

    .products .span2:nth-child(even) {
        float: right;
    }

    .row-fluid, .pagination-centered ul { max-width: 384px !important; }

    body.enabledebug .row-fluid { background-color: #029037 !important; }

    div#footer-column-support,
    div#footer-column-products,
    div#footer-column-connect,
    div#footer-column-about {
        float: none !important;
        display: block !important;
        width: auto !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    div#footer-partners {
        display: none;
    }

}